.layui-card {
  margin: 10px;
  min-height: 500px;
  padding: 10px 0;
}
.layui-card-body {
  padding: 20px;
}
.tags-title {
  text-align: left;
  width: 50px;
}
#add {
  color: #50a5ff;
  background: rgba(236, 245, 255);
  border-color: #badbff;
  border-radius: 8%;
  text-align: center;
}
#add:hover {
  background-color: #50a5ff;
  color: white;
}

#export {
  color: #e6a340;
  background: #fdf6ec;
  border-color: #f5dbb4;
  border-radius: 8%;
  text-align: center;
}

#export:hover {
  background-color: #e6a340;
  color: white;
}

.btn {
  display: flex;
  justify-content: space-between;
}
.btn .btn-right {
  margin-left: auto;
  margin-right: 10px;
}

.btn .btn-right button {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid rgb(188, 188, 188);
}
/* .btn .btn-right i{
  position: absolute;
  left:7px;
  top:0;
  color:black;
} */

.btn .btn-right button:hover {
  border: 1px solid #409eff;
}

#ensure {
  color: white;
}

.layui-table {
  border: 1px solid rgb(226, 27, 27);
  padding: 10px;
}

#alter {
  /* position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%; */
  background-color: #1e9fff;
}

/* #alter i {
  position: absolute;
  left: 8px;
  top: 0;
} */

/* #delete {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
#delete i { 
  position: absolute;
  left: 8px;
  top: 0;
} */

.layui-table {
  min-height: 100px;
  border: 1px solid red;
  margin-right: 15px;
  width: 100%;
  margin-top: 10px;
}


/* .layui-input {
  width:600px;
} */
#search,
#reset {
  width: 90px;
}
#reset {
  height: 40px;
}
.ggao {
  text-align: left;
  padding: 6px 5px;
  width: 60px;
  font-weight: 700;
}

.layui-col-space15 > * {
  padding: 0;
}
/* #input{
  width:520px;
} */
#search {
  width: 75px;
  /* margin-left:316px; */
}
#reload {
  width: 75px;
}

#page-box {
 text-align: center;
 margin-top: 20px;
}
#menu {
  position: relative;
}
#menu > i {
  color: #4bb2ff;
}
.cate-Hide {
  position: absolute;
  top: 33px;
  left: -70px;
  padding: 5px;
  border-radius: 5px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 0 5px #393d49;
  z-index: 11111;
}
.cate-Hide h1 {
  width: 130px;
  font-size: 16px;
}
#hiddensearch {
  position: relative;
}
#hiddensearch span {
  display: none;
}
#hiddensearch:hover span {
  position: absolute;
  top: -30px;
  left: -25px;
  display: block;
  width: 80px;
  height: 30px;
  background-color: #333333;
  color: #fff;
}
#refresh {
  position: relative;
}
#refresh span {
  display: none;
}
#refresh:hover span {
  position: absolute;
  top: -30px;
  left: -8px;
  display: block;
  width: 50px;
  height: 30px;
  background-color: #333333;
  color: #fff;
}
.active{
  display: none;
} 
table{
  width: 100%;
  text-align: center;
  border: #ebeef5 1px solid;
  
  border-collapse:collapse
}

table th{
  height:40px;
  border: #dddddd 1px solid;
  background-color: #f2f2f2;
}
table td{
  border: #dddddd 1px solid;
 
  border-collapse:collapse;
  height:40px;

}
.layui-icon{
  font-size: 12px !important;
}
.layui-btn{
  z-index: 0;
}
.layui-btn{
  padding: 0 8px !important;
}
.active1{
  color: #4bb2ff;
 } 